.navigate {
    height: .4rem;
}

.navigate {
    background: url(../images/navigate_bg.png) no-repeat center;
    background-size: cover;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    position: fixed;
    bottom: 0;
}

.navigate a {
    width: calc( (100% - 0.1875rem)/4);
    position: relative;
}

.navigate>a:not(:last-child)::after {
    content: url(../images/navigate_line.png);
    position: absolute;
    right: 0;
}

.navigate>a:first-of-type {
    background: url(../images/navigate01.png) no-repeat center;
    background-size: .225rem .225rem;
}

.navigate>a:nth-of-type(2) {
    background: url(../images/navigate02.png) no-repeat center;
    background-size: .225rem .225rem;
}

.navigate>a:nth-of-type(3) {
    background: url(../images/navigate03.png) no-repeat center;
    background-size: .225rem .225rem;
}

.navigate>a:nth-of-type(4) {
    background: url(../images/navigate04.png) no-repeat center;
    background-size: .225rem .225rem;
}
.popup_call{
    width: 2.9rem;
    height: 1.8rem;
    background: #fff;
    border-radius: .05rem!important;
}
.popup_call a p{
    width: 100%;
    height: .6rem;
    border-bottom: 1px solid #ccc;
    font-size: .15rem;
    color: #333;
    line-height: .6rem;
    text-indent: .15rem;
}
.popup_call a:last-child p{
    border-bottom: none;
}